interface TextProps {  
    children: React.ReactNode;
    title:string;
    center?:boolean
}
const Text:React.FC<TextProps> = ({
    children,
    title,
    center
})=>{
    return (
        <>
            <div className="py-2">
                <div 
                    className={`font-bold 
                    text-sm
                    hover:underline
                    cursor-pointer
                    ${center ? 'text-center' : ''}
                    `}>
                    {title}
                </div>
                <div className="">
                    {children}
                </div>
            </div>
        </>
    );
}

export default Text;